<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="/plugin/bootstrap/css/bootstrap.css" />
  <link rel="stylesheet" href="/plugin/layui/css/layui.css" />
  <link rel="stylesheet" href="/plugin/swiper/swiper.min.css" />
  <link rel="stylesheet" href="/css/common.css" />
  <link rel="stylesheet" href="/css/style.css" />
  <link rel="stylesheet" href="/css/animate.css" />
  <link rel="stylesheet" href="/css/fonts/iconfont.css" />
  <link rel="stylesheet" href="/plugin/bootstrap/dist/datepicker/datetimepicker.min.css" />
  <link rel="stylesheet" href="/plugin/bootstrap/dist/select/select.css" />
  <link rel="stylesheet" href="/plugin/summernote/summernote.css" />
  <link rel="stylesheet" href="/plugin/zTree/css/zTreeStyle.css" />

  <script type="text/javascript" src="/js/jquery.js"></script>
  <script type="text/javascript" src="/js/common.js"></script>
  <script type="text/javascript" src="/js/echarts.min.js"></script>
  <script type="text/javascript" src="/plugin/swiper/swiper.min.js"></script>
  <script type="text/javascript" src="/plugin/bootstrap/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="/plugin/bootstrap/dist/datepicker/datetimepicker.min.js"></script>
  <script type="text/javascript" src="/plugin/bootstrap/dist/select/select.js"></script>
  <script type="text/javascript" src="/plugin/summernote/summernote.min.js"></script>
  <script type="text/javascript" src="/plugin/layui/layui.js"></script>
  <script type="text/javascript" src="/plugin/zTree/js/jquery.ztree.all.min.js"></script>
  <script type="text/javascript" src="/plugin/bootstrap/dist/dist_zh.js"></script>
</head>

<body class="child_body">
  <div class="comModal">
    <div class="searchBox">
      <div class="searchBtnBox flex">
        <div class="flex-1">
          <button type="button" class="btn btn-info btn-sm">查询</button>
          <button type="button" class="btn btn-default btn-sm">重置</button>
        </div>
        <div>
          <button type="button" class="btn btn-success btn-sm">新增</button>
          <button type="button" class="btn btn-warning btn-sm">导出</button>
        </div>
      </div>
      <div class="searchForm form-inline row">
        <div class="col-md-4 flex">
          <label class="form-label">输入框</label>
          <input type="text" class="flex-1 form-control" placeholder="请输入用户名" />
        </div>
        <div class="col-md-4 flex">
          <label class="form-label">下拉单选</label>
          <select class="flex-1 selectpicker" title="请选择">
            <option>Mustard</option>
            <option>Ketchup</option>
            <option>Barbecue</option>
          </select>
        </div>
        <div class="col-md-4 flex">
          <label class="form-label">下拉多选</label>
          <select class="flex-1 selectpicker" multiple title="请选择">
            <option>Mustard</option>
            <option>Ketchup</option>
            <option>Barbecue</option>
          </select>
        </div>
        <div class="col-md-4 flex">
          <label class="form-label">时间空间</label>

          <input type="text" value="2012-05-15 21:05" class="flex-1 form-control" id="datetimepicker"
            data-date-format="yyyy-mm-dd hh:ii" />
        </div>
      </div>
      <table class="table table-bordered" id="bootstrapTable"></table>
    </div>
  </div>
</body>
<script>
  $(function () { });
</script>

</html>